<template>
    <div id="fixed" >
       <div class="content" @click="showDialog">
           <!-- <img src="../assets/img/ffg.gif" alt="" @click="showDialog"> -->
           <div class="imgbox">
               <img src="../assets/img/phone.gif" class="bgumg telephone" alt="">
           </div>
           <div class="txt">全国免费电话</div>
           <div class="small">免费代理</div>
           <div class="phonenum">400-187-8578</div>
           <div class="line">
               <img src="../assets/img/line.png" class="bgumg" alt="">
           </div>
           <div class="btn">
               <img src="../assets/img/btn.png" class="bgumg" alt="">
           </div>
       </div>
       <dialog-box :DialogData="DialogData" :formData="formData"></dialog-box>
    </div>
</template>

<script>
    import DialogBox from "@/components/index/Dialog"
    export default {
        components: {
            DialogBox,
        },
        data() {
            return {
                DialogData: {
                    show: false,
                    title: "立即加盟"
                },
                formData: {

                }
            }
        },
        methods: {
            showDialog() {
                
                this.DialogData = {
                    show: true,
                    title: "立即加盟"
                }
                this.formData = {

                }
            },
        },
    }
</script>

<style  scoped>
.small {
    font-size: 16px;
    margin: 10px 0;
}
.btn {
    margin-top: 30px;
}
.phonenum {
    font-size: 16px;
    margin: 10px 0;
}
.txt {
    font-size: 20px;
    margin: 10px 0;
}
.line {
    margin: 10px 0;
    width: 160px;
    overflow: hidden;
}
.telephone {
    width: 80px;
    height: 80px;
    display: block;
}
.bgumg {
    display: block;
    margin: 0 auto;
}
#fixed {
    width: 100%;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 10000;
}
.content {
    width: 160px;
    padding-top: 30px;
    height: 300px;
    position: fixed;
    right: 20px;
    top: 200px;
    background-color: #228ee6;
    border-radius: 83px 83px 0 0;
}

</style>